在開發初期,常常還沒有真實的內容或圖片,這時候 Placeholder (佔位符) 就派上用場。它能讓開發者專注於排版,而不是內容。
Lorem Ipsum
是最常用的假文,可以到 lipsum.com
產生。https://picsum.photos/
這樣的網站可以生成各種尺寸的隨機圖片。在作品集頁面中加入圖標,並用假文填充內容。
在 <head>
中加入 Font Awesome 的 CDN 連結:<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" />
然後在 HTML 中使用圖標:<i class="fab fa-github"></i>
(這是 GitHub 的圖標)
執行成果 :